
<!DOCTYPE html>
{extend name="common/application" /}
{block name="title"}<title id="title">服务市场-服务商品详情</title>{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="_CSS_/service_details.css" />
<style type="text/css">
	.imgArea{overflow: hidden;padding: 10px 0;}
	.imgArea img{float: left;width: 50px;height: 50px;margin-right:10px;}
	.nodatas{text-align:center;padding:333px 0;}
	.nodatas p{text-align:center;width:100%;}
	.nodatas img{margin:100px auto 5px auto;}
	.storeName {width:255px;}
	.bshare-custom{display:inline-block;}
	.collectArea{margin-left:40px;}
	.prices {
        font-size: 18px;
        color: #ff4900;
    }
	.shows{
	width: 176px;
	height: 46px;
	line-height: 46px;
	color: #ff4900;
	border: 1px solid #FF4900;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	}

</style>
{/block}



			{block name="navbar"}{include file="/common/navbar" /}{/block}
			<!-- 主体内容 -->
			{block name="content"}
			<div class="main" style="margin-top: 190px;">
				<div class="mainBody normalBox clearfix" style="padding-top: 0px;">
					<div class="menuConHeader">
						<!--面包屑导航-->
						<div class="breadcrumb" style="margin-bottom: 10px;">
							<p>当前位置：
								<a href="/index.php/index/service/index.html">服务市场</a> &gt;
								<a class="curPage" href="javascript:;">服务商品详情</a>
							</p>
						</div>
					</div>
					<div class="productsArea fl">
						<div class="imgBox fl">
							<img src=""/>
							<!-- <div class="shareArea" style="position: relative;">
                        <span class="icons icon-share01"></span>
                        <span class="icons icon-share01-hover hide"></span>
                        <span class="isShare">分享商品</span>
                        <div class="shareType">
							<a class="qq" href="javascript:;" data-index="1">
								<span class="icons icon-qq"></span>
								<span class="icons icon-active-qq hide"></span>
							</a>
							<a class="wx" href="javascript:;" data-index="2">
								<span class="icons icon-wx"></span>
								<span class="icons icon-active-wx hide"></span>
							</a>
							<a class="wb" href="javascript:;" data-index="3">
								<span class="icons icon-wb"></span>
								<span class="icons icon-active-wb hide"></span>
							</a>
							<div class="ercodeBox">
								<input id="text" type="text" class="hide"/>
								<div id="qrcode"></div>
							</div>
						</div>
                        <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
                    </div>
					-->
					<div class="bshare-custom">
						<a title="分享到QQ空间" class="bshare-qzone"></a>
						<a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
						<a title="分享到人人网" class="bshare-renren"></a>
						<a title="分享到腾讯微博" class="bshare-qqmb"></a>
						<a title="分享到网易微博" class="bshare-neteasemb"></a>
						<a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
						<span class="BSHARE_COUNT bshare-share-count">0</span>
					</div>
					<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
					<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
							<a class="collectArea" href="javascript:;">
								<span class="icons icon-collect01"></span>
								<span class="icons icon-collect01-hover hide"></span>
								<span class="icons icon-collect01-success hide"></span>
								<span class="isCollect">收藏</span>
							</a>
						</div>
						<div class="productsInfo fl">
							<span class="productName"></span>
							<p><label>价格</label><span class="prices"></span></p>
							<div class="nums">
								<p class="volume">成交量<span class="num01"></span></p>
								<p>累计评论<span class="num02"></span></p>
							</div>
							<div class="intros">
								<p><label>类型</label><span class="type">服务类</span></p>
							</div>
							<span id='new' class='hide'>
							<a class="payBtn" href="javascript:;">立即购买</a>
							<a class="cartBtn" href="javascript:;"><span class="icons icon-cart"></span>加入购物车</a>
							</span>
							<div class="extraInfo">
								<label>服务承诺</label>
								<p><span class="icons icon-pundit"></span>权威正规</p>
								<p><span class="icons icon-trust"></span>专业可靠</p>
								<p><span class="icons icon-aftersale"></span>优质售后</p>
								<br />
								<label>支付方式</label>
								<p><span class="icons icon-alipay"></span>支付宝</p>
							</div>
						</div>
					</div>
					<input type="hidden" id="user_id">
					<div class="storeArea fr">
						<div class="basicInfo">
							<a class="storeLogo userImg" href="javascript:;">
								<img src="/static/web/images/76.png" class="icon-wapper hide">
								<img width="76" src="/static/web/images/store.jpg" class="icon">
							</a>
							<h4 class="storeName text_overflow"></h4>
							<p>卖家：<span class="sellerman"></span></p>
							<br />
							<span class="icons icon-business"></span>
							<span class="icons icon-ensure"></span>
						</div>
						<p>成交量<span></span>次</p>
						<p>本店铺一共<span></span>件商品，其中交易类商品<span></span>件，服务类商品<span></span>件。</p>
						<p>

						</p>
						<!--<p>主营：专利转让、商标版权与专利转让专利转让、商标版权与专利转让专利转让、商标版权与专利转让专利转让、商标版权与专利转让</p>-->
						<a class="goStore" href="javascript:;">进店逛逛</a>
						<a class="contactStore" href="javascript:;">联系卖家</a>
					</div>
					<br />
					<!--左侧推荐区-->
					<div class="leftCon">
						<div class="recommendArea services">
							<div class="recommendHeader">
								<span class="fl">推荐服务</span>
								<a class="refreshBtn fr" href="javascript:;"><span class="icons icon-refresh"></span></a>
							</div>
							<div class="recommendCon">


							</div>
						</div>
						<div class="recommendArea trades mt20">
							<div class="recommendHeader">
								<span class="fl">看了又看</span>
								<a class="refreshBtn fr" href="javascript:;"><span class="icons icon-refresh"></span></a>
							</div>
							<div class="recommendCon">

							</div>
						</div>
					</div>
					<!--右侧详情及评论区-->
					<div class="rightCon">
						<div class="tabs tab_navi">
							<a class="tabs_nav on" href="javascript:;" value="1">商品详情</a>
							<a class="tabs_nav" href="javascript:;" value="2">累计评论<span class="commentsNum"></span></a>
						</div>
						<div class="tab_content">
							<div class="tab_con" id="tab1">
								<div class="tab_item">
									<div class="tab_details">
										<p><label for="storeNames">商品所属店铺：</label><span class="storeNames"></span></p>
										<span class="productInfoTitle">商品详细信息：</span>
										<p class="one_third"><label for="serviceType">服务分类：</label><span class="serviceType"></span></p>
										<p class="one_third"><label for="updateTime">更新时间：</label><span class="updateTime"></span></p>
										<p class="one_third"><label for="groundingTime">上架时间：</label><span class="groundingTime"></span></p>
										<p class="one_third"><label for="serviceDetails">服务详情：</label><span class="serviceDetails"></span></p>
										<span class="productInfoTitle">商品详细信息：</span>
										<p class="product_intro"></p>
									</div>									
								</div>
								<div class="tab_item mt20">
									<h5>服务保障</h5>
									<div class="tab_con_item">
										<p><span class="icons icon-service01"></span>如实描述</p>
										<p class="tab_conText">该服务信息属实，绝无虚假信息，消费者购买支持此服务的商品，如果被发现和卖家描述的不一样，可以申请赔付。</p>
									</div>
									<div class="tab_con_item">
										<p><span class="icons icon-service02"></span>权威正规</p>
										<p class="tab_conText">该服务权威机构审查，并委托专业的专利价值评估公司进行事先评估判定专利内容和价值，核实专利的最新法律状态，让您无后顾之忧。</p>
									</div>
									<div class="tab_con_item">
										<p><span class="icons icon-service03"></span>专业可靠</p>
										<p class="tab_conText">该服务有资深专利审查人员护航，支持快速审查资料，深度清洗、全面融合，为用户极具性价比的优质知识产权服务。</p>
									</div>
									<div class="tab_con_item mb30">
										<p><span class="icons icon-service04"></span>优质售后</p>
										<p class="tab_conText">知果汇拥有一整套客户服务系统，平台所提供的商标服务、专利服务、版权服务、维权服务皆由专员全程跟进，保证各项服务及时顺畅。如果您所订购的服务出现问题，只要您向平台反馈相关情况，平台将在第一时间予以回复并将跟进解决情况及时反馈给您。</p>
									</div>
								</div>
							</div>
							<div class="tab_con hide" id="tab2">
								<div class="tab_item">
									<div class="commentType">
										<a class="commentTypeItem" href="javascript:;">
											<input type="radio" name="type" checked="checked" value="0"/>
											<p class="all">全部</p>	
										</a>
										<a class="commentTypeItem" href="javascript:;">
											<input type="radio" name="type" value="1"/>
											<p class="high">好评<span>(0)</span></p>
										</a>
										<a class="commentTypeItem" href="javascript:;">
											<input type="radio" name="type" value="2"/>
											<p class="medium">中评<span>(0)</span></p>
										</a>
										<a class="commentTypeItem" href="javascript:;">
											<input type="radio" name="type" value="3"/>
											<p class="low">差评<span>(0)</span></p>		
										</a>										
									</div>
									<div class="commentCon">
									</div>
									<!--分页-->
									<div id="page"></div>

								</div>	
							</div>
						</div>
					</div>
				</div>
			</div>
			{/block}



		{block name="js"}
		<!-- 脚本引入 -->

		<script src="_P_/layer/layer.js"></script>
		<script src="_JS_/jquery.qrcode.min.js"></script>
		<script src="_JS_/service_details.js"></script>
		{/block}